<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登陆</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link rel="stylesheet" th:href="@{/static/font-awesome-4.7.0/css/font-awesome.css}">
    <link rel="stylesheet" th:href="@{/static/css/land.css}">
</head>
<body>

<div class="l-body">
    <div class="l-body-big">
        <div class="l-body-inner">

            <div id="l-body-head">
                <ul>
<!--                    <li class="act">扫码登录</li>-->
<!--                    <div class="l-head-string"></div>-->
                    <li>账户登录</li>
                </ul>
            </div>

            <div class="l-body-inner-string"></div>

            <div id="container">


                <div class="tab">
                    <div class="l-body-form">
                        <form id="form1">
                            <div class="l-body-user">
                                <!--                                用户名-->
                                <div class="l-body-form1">
                                    <div class="l-form"><img th:src="@{/static/img/用户名.png}" alt=""></div>
                                    <input id="l-username"  autocomplete="off" type="text" name="" onblur="l_user()" class="l-form1-input" placeholder="手机号/用户名/邮箱">
                                    <div class="l-form2"><img id="user-dui" th:src="@{/static/img/dui.png}" alt=""></div>
                                    <div class="l-form3"><img id="user-cuo" th:src="@{/static/img/cuo.png}" alt=""></div>
                                </div>
                                <div class="l-user" id="l_user"></div>
                            </div>
                            <!--                                密码-->
                            <div class="l-body-password">

                                <div class="l-body-form1 l-body-form2">
                                    <div class="l-form"><img th:src="@{/static/img/suoping.png}" alt=""></div>
                                    <input id="l-password"  autocomplete="off" type="password" name="" onblur="l_password()" class="l-form1-input" placeholder="密码">
                                    <div class="l-form2"><img id="password-dui" th:src="@{/static/img/dui.png}" alt=""></div>
                                    <div class="l-form3"><img id="password-cuo" th:src="@{/static/img/cuo.png}" alt=""></div>
                                </div>

                                <div class="l-password-password" id="l_password"></div>
                            </div>
                            <div class="l-password">
                                <input type="checkbox">记住用户名
                                <a href="javascript:;">忘记密码</a>
                            </div>
                            <div class="l-land">
                                <div class="l-land-land" onclick="judge()">登陆</div>
                            </div>
                        </form>
                        <div class="l-other-way">
                            <span><a  href="https://github.com/login/oauth/authorize?client_id=a0cb46d914908fd2bc9e&state=STATE&redirect_uri=http://localhost:8080/callback">GitHub</a></span>
                            <span class="l-more"><a th:href="@{/registeredjump}">免费注册</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--尾部-->
<!--<div class="l-body-footer">-->
<!--    <br>-->
<!--    <p class="l-body-footer-word">Copyright 2008-2019 vip.com，All Rights Reserved ICP证：粤 B2-20080329</p>-->
<!--</div>-->

</body>
<script th:src="@{/static/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/static/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
<script th:src="@{/static/js/land.js}"></script>
</html>